<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 导入ico图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <meta name="description"
        content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <title>我的购物车-品优购</title>
    <link rel="stylesheet" href="css/shopcar.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/cart.js"></script>
</head>

<body>
    <!-- 快速导航模块 -->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您!</li>
                    <li><a href="javascript:;">请登录</a></li>
                    <li><a href="javascript:;" class="style_red">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="javascript">我的订单</a></li>
                    <li class="space"></li>
                    <li class="arrow_ico">我的品优购<i></i></li>
                    <li class="space"></li>
                    <li><a href="javascript">品优购会员</a></li>
                    <li class="space"></li>
                    <li><a href="javascript">企业采购</a></li>
                    <li class="space"></li>
                    <li class="arrow_ico">关注品优购<i></i></li>
                    <li class="space"></li>
                    <li class="arrow_ico">客户服务<i></i></li>
                    <li class="space"></li>
                    <li class="arrow_ico">网站导航<i></i></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- logo -->
    <header class="w">
        <div class="logo">
            <h1>
                <!--  增加一个h1标签，提高权重 -->
                <a href="index.html" title="品优购商城">品优购商城</a><b>购物车</b>
            </h1>
        </div>
        <!-- 搜索框 -->
        <div class="car_search">
            <input type="text" placeholder="自营">
            <button>搜索</button>
        </div>
    </header>
    <!-- 猜我喜欢| -->
    <div class="w sum_goods">
        <h3>全部商品</h3>
    </div>
    <!-- 购物车内容模块 -->
    <div class="w car_content">
        <div class="car_chead">
            <div class="h_checkbox">
                <input type="checkbox" class="checkall">全选
            </div>
            <div class="h_goods">商品</div>
            <div class="h_price">单价(元)</div>
            <div class="h_num">数量</div>
            <div class="h_pricesum">小计(元)</div>
            <div class="h_operation">操作</div>
        </div>
        <div class="store">
            <div class="cart_title clearfix">
                <div class="cart_store fl">
                    <input type="checkbox" class="checkall_store">
                    <span>传智自营</span>
                </div>
                <div class="cart_yunfei fr">
                    运费：6.00
                    <span>还差99.00免运费</span>
                </div>
            </div>
            <div class="cart_itemlist">
                <!-- 商品列表 -->
                <ul>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="store">
            <div class="cart_title clearfix">
                <div class="cart_store fl">
                    <input type="checkbox" class="checkall_store">
                    <span>苹果自营</span>
                </div>
                <div class="cart_yunfei fr">
                    运费：6.00
                    <span>还差99.00免运费</span>
                </div>
            </div>
            <div class="cart_itemlist">
                <!-- 商品列表 -->
                <ul>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>
                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>
                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                    <li class="list_product clearfix">
                        <div>
                            <input type="checkbox" class="list_checkbox">
                        </div>
                        <div class="list_product_img">
                            <img src="upload/appleMD463FE.png" alt="">

                        </div>
                        <div class="list_product_msg">
                            苹果（Apple）MD463FE/A MAC
                            Thunderbolt雷电接口 至千兆以太网转 <br>
                            <div>
                                <span class="giftbox"></span>
                                <a href="javascript:;">购买礼盒包装</a>
                            </div>

                        </div>
                        <div class="list_product_parameter">
                            尺码：Thunderbolt至千兆...
                        </div>
                        <div class="list_product_price">￥245.00</div>

                        <div class="list_product_num">
                            <input type="button" class="btn_reduce" value="-">
                            <input type="text" class="text_sum" value="1">
                            <input type="button" class="btn_add" value="+">

                        </div>
                        <div class="list_product_pricesum">￥245.00</div>

                        <div class="list_produce_opration">
                            <a href="javascript:;" class="list_delete">删除</a><br>
                            <a href="javascript:;">移到我的关注</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 结算模块 -->
        <div class="w floatbar">
            <div class="f_checkbox fl">
                <input type="checkbox" class="checkall">全选
            </div>
            <div class="f_operation fl">
                <a href="javascript:;" class="list_deleteall">删除选中商品</a>
                <a href="javascript:;">移到我的关注</a>
                <a href="javascript:;">清除下柜商品</a>
            </div>
            <div class="f_tool fr">
                <div class="amount_sum fl">已选择<em>0</em>件商品</div>
                <div class="price_sum fl">总价（不含运费）：<em>￥1600.00</em></div>
                <input type="button" value="结算" class="f_btn fr">
            </div>
        </div>

    </div>
    <!-- 页脚部分 -->
    <footer class="footer">
        <div class="w mod_service">
            <div>
                <span class="service_img"></span>
                <div class="service_text">
                    <h5>正品保证</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </div>
            <div>
                <span class="service_img"></span>
                <div class="service_text">
                    <h5>正品保证</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </div>
            <div>
                <span class="service_img"></span>
                <div class="service_text">
                    <h5>正品保证</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </div>
            <div>
                <span class="service_img"></span>
                <div class="service_text">
                    <h5>正品保证</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </div>
            <div>
                <span class="service_img"></span>
                <div class="service_text">
                    <h5>正品保证</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </div>
        </div>
        <!-- 帮助模块 -->
        <div class="w hlep">
            <div class="mod_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺命岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">京东E卡</a></dd>
                    <dd><a href="#">京东通信</a></dd>
                    <dd><a href="#">京鱼座智能</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <img src="images/wx_cz.jpg" alt="">
                        <p>品优购客户端</p>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 版权模块 -->
        <div class="copyright w">
            <p>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系客服</a>
                <span>|</span>
                <a href="#">商家帮助</a>
                <span>|</span>
                <a href="#">手机京东</a>
                <span>|</span>
                <a href="#">友情链接</a>
                <span>|</span>
                <a href="#">销售联盟</a>
                <span>|</span>
                <a href="#">京东社区</a>
                <span>|</span>
                <a href="#">风险监测</a>
                <span>|</span>
                <a href="#">隐私政策</a>
                <span>|</span>
                <a href="#">English Site</a>
                <span>|</span>
                <a href="#">Media & IR</a>
            </p>
            <p>
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            </p>
            <p>
                京ICP备08001421号京公网安备110108007702
            </p>
        </div>
    </footer>
</body>

</html>